<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div {
        width: 500px;
        height: 400px;
        border: 2px solid #000;
        color: red;
        font-size: 40px;
        font-style: italic;
      }
    </style>
  </head>
  <body>
    <div>
      这是div元素
      <section>这是div里面的section标签</section>
    </div>
  </body>
</html>

<!-- 
  CSS的继承性是指被包在内部的标签将拥有外部标签的样式性,即子元素可以继承父元素的属性。

  几乎所有的文本相关属性都是可以继承的
  包括列表属性也是可以继承的


  其他属性很少有继承性
  width和height是不能继承的
  子元素默认和父元素的宽度一样，不是继承。而是因为独占一行的元素默认宽度就是父元素宽度的100%;


  具有继承性的相关属性：font-family, font-size, font-style, font-weight, font, letter-spacing, line-height，text-align, text-indent，list-style等

 -->
